<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">  
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
		<title>智慧远东-ECT Smart</title>

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/style.css" rel="stylesheet">

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
	</head>

<body>
<div style="position:absolute; width:100%; height:100%; z-index:-1; left:0; top:0;" id="bodyDiv">  
<img src="img/pic1.jpg" position:absolute; height="100%" width="100%" style="left:0; top:0;"> 
</div>
<div id="topbar">
	<a href="index.html"><img src="img/apple-touch-icon.png" /></a>
</div>
 <div class="wx_block"><img src="img/wx.png"/></div>
  <div class="wxdown_span"><span>日常客户微信下单结算</span></div>
		<div class="container-fluid">
			<div class="">
						<div class="myblock">
								<form class="ect_form" >
									<div class="pull-right">
										<table>
											<tr>
												<td rowspan="2"><span class="ftitle">关于您</span></td>
												<td class="flabel">用户名</td>
												<td><input type="text" placeholder="请输入用户名"></td>
											</tr>
											<tr>
												<td class="flabel">密码</td>
												<td><input type="password" placeholder="请输入密码"></td>
											</tr>
											<tr>
												<td rowspan="2"></td>
												<td colspan="2" class="ftips">无法登录! 用户名或密码错误!</td>
											</tr>
											<tr>
												<td colspan="2">
													<a href="change_pwd.html"><button type="button" id="fbutton">新密码</button></a>
													<a href="main.html"><button type="button" id="fbutton">登录</button></a>
												</td>
											</tr>
										</table>
									</div>
								</form>
				</div>
			</div>

		</div>

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jquery.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="js/bootstrap.min.js"></script>

		<script>
			var winHeight = $(window).height();   //获取当前页面高度
			$(window).resize(function(){
			   var thisHeight=$(this).height();
			    if(winHeight - thisHeight >50){
			         //当软键盘弹出，在这里面操作
			       $("#bodyDiv").css("height", "170%");//通过设置CSS属性来设置元素的高
			    }else{
			        //当软键盘收起，在此处操作
			       $("#bodyDiv").css("height", "100%");//通过设置CSS属性来设置元素的高
			    }
			});
			$(document.body).css({
		   		"overflow-x":"hidden",
		   		"overflow-y":"hidden"
			 });
			$(".left, .close-left").click(function() {
				$("#customerEntry").toggle();
				if($("#employeeEntry").is(":visible")) {
					$("#employeeEntry").hide();
				}
			});

			$(".right, .close-right").click(function() {
				$("#employeeEntry").toggle();
				if($("#customerEntry").is(":visible")) {
					$("#customerEntry").hide();
				}
			});
		</script>
	
	</body>

</html>